<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>预约挂号列表</title>
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/base.css" />
		<link rel="stylesheet" type="text/css" href="../../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../../css/yuyue/yuyueList.css" />
		<script type="text/javascript" src="../../js/jquery-2.1.3.min.js"></script>
		<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
		<script type="text/javascript" src="../../js/loadHtml.js"></script>
	</head>
	<body>
		<div class="wrapper clearfix">
			<div class="sideBar"></div>
			<div class="main">
				<div class="zixunTop">
					<h1 class="title">预约挂号列表</h1>
					<div class="choose">
						<div class="chooseLeft">
							<input type="text" placeholder="请输入医生姓名" class="inputSize" />
							<input type="text" placeholder="请输入医生职称" class="inputSize" />
							<button class="btn1">
								搜索
							</button>
						</div>
					</div>
				</div>
				<div class="tableMain">
					<table class="table table-striped">
					<thead>
						<tr>
							<th>医生姓名</th>
							<th>科室</th>
							<th>未诊断预约</th>
							<th>可预约</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>莉莉</td>
							<td>呼吸内科</td>
							<td>12</td>
							<td>是</td>
							<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>莉莉</td>
							<td>呼吸内科</td>
							<td>12</td>
							<td>是</td>
							<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>莉莉</td>
							<td>呼吸内科</td>
							<td>12</td>
							<td>是</td>
							<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>莉莉</td>
							<td>呼吸内科</td>
							<td>12</td>
							<td>是</td>
							<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>莉莉</td>
							<td>呼吸内科</td>
							<td>12</td>
							<td>是</td>
							<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>莉莉</td>
							<td>呼吸内科</td>
							<td>12</td>
							<td>是</td>
							<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>莉莉</td>
							<td>呼吸内科</td>
							<td>12</td>
							<td>是</td>
							<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<ul class="pagination">
  					<li><a href="#">&laquo;</a></li>
  					<li class="active"><a href="#">1</a></li>
  					<li class="disabled"><a href="#">2</a></li>
  					<li><a href="#">3</a></li>
  					<li><a href="#">4</a></li>
  					<li><a href="#">5</a></li>
  					<li><a href="#">&raquo;</a></li>
				</ul>
				</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript">
	$(function(){
		$('.last div').hover(function(){
			$(this).children('h1').show();
		},function(){
			$(this).children('h1').hide();
		});
		
		$('.pagination li').click(function(){
			$(this).addClass('active').siblings('li').removeClass('active');
		});
	});
	
	
</script>